@import url(/images/public/font/font-DIN_Alternate_Bold.css);


/*@import url("//fonts.googleapis.com/css?family=Josefin+Sans:300,400,700");

@import url("//fonts.googleapis.com/css?family=Lobster:400,700");

@import url("//fonts.googleapis.com/css?family=Ubuntu");

@import url("//fonts.googleapis.com/css?family=Cabin:400,700");

@import url(http://fonts.googleapis.com/css?family=fs+joey);
*/

/*Groupe: Site*/

/*en modifiant l'élément body, vous pouvez influer sur tout les autres éléments html de la page (par exemple la couleur ou le type de police de caractères)*/
body {
  font-family: "ITC Avant Garde Bold";
}
.public-page_body {
  /*  background-color: transparent;
  background-color: rgba(255,255,255,0);
*/
}
.page_attente #ContPrincipal {
  background-color: transparent;
  background-position: top left;
}
#BlocTitre {
  /*{{Element}}<div class="css_rule" {{ID}} style="{{STYLE}}">*/
  color: inherit;
  background-color: #004a95;
  background-image: url(/images/public/fond-menu.png);
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center top;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 2px solid #6aa746;
}
#ContTitre {
  /*{{Element}}<div class="css_rule" {{ID}} style="margin:0 10px; padding:10px; {{STYLE}}">*/
  color: #ffffff;
  background-color: transparent;
  background-color: rgba(255,255,255,0);
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}
header h1 {
  color: white;
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: 2.5em;
  font-weight: bold;
}
header h2 {
  color: rgb(182, 26, 33);
  background-size: 20px;
  padding: 0px;
  font-size: 1.8em;
  font-weight: bold;
}
header h3 {
  color: #ffffff;
  font-family: Verdana;
  font-size: 1.3em;
  font-style: italic;
}
header h4 {
  background-color: transparent;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: top left;
  font-family: "ITC Avant Garde Bold";
  font-weight: 200;
}
header h5,header h6 {
  background-color: transparent;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: top left;
  font-family: "ITC Avant Garde Bold";
  font-weight: 200;
}
header a, header .btn-link {
  /*Lien*/
  color: #84AE03;
}
header a:hover, header a:focus, header .btn-link:hover, header .btn-link:focus {
  /*Lien survol*/
  color: #84AE03;
  text-decoration: underline;
}

/*{/Element}}Texte de la Banière</div>*/

/*{/Element}}</div>*/
#BlocPrincipal {
  /*{{Element}}<div class="css_rule" {{ID}} style="{{STYLE}}">*/
  background-color: transparent;
  background-size: 450px auto;
}
#ContPrincipal {
  /*{{Element}}<div class="css_rule" {{ID}} style="margin:0 10px; padding:10px; {{STYLE}}">*/
  color: rgb(16, 37, 63);
  background-color: transparent;
  background-color: rgba(255,255,255,0);
  padding-top: 0px;
  padding-bottom: 5px;
  font-size: 1.3em;
}
h1 {
  color: #579c3c;
  background-color: rgb(222, 227, 234);
  padding: 15px;
  margin-top: -10px;
  margin-bottom: -30px;
  margin-left: -1px;
  margin-right: -30px;
  border-top: 0px none transparent;
  border-top: 0px none rgba(0, 0, 0, 0);
  border-bottom: 2px solid #579c3c;
  border-left: 0px none transparent;
  border-left: 0px none rgba(0, 0, 0, 0);
  border-right: 0px none transparent;
  border-right: 0px none rgba(0, 0, 0, 0);
  font-size: 1.8em;
  font-weight: bold;
  -webkit-border-radius: 18px 18px 0px 0px;
     -moz-border-radius: 18px 18px 0px 0px;
          border-radius: 18px 18px 0px 0px;
  position: absolute;
  left: 1px;
  width: 100%;
  top: 10px;
  font-variant: small-caps;
}
h2 {
  color: #ffffff;
  background-color: rgb(106, 167, 70);
  background-size: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 30px;
  padding-right: 0px;
  margin-left: -30px;
  margin-right: -30px;
  font-family: "ITC Avant Garde Bold";
  font-size: 1.4em;
  font-weight: bold;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 0px 0px 0px 0px;
     -moz-border-radius: 0px 0px 0px 0px;
          border-radius: 0px 0px 0px 0px;
  font-variant: small-caps;
}
h3 {
  /*background-image: url(/images/public/logo-molecule.png);*/
  color: #004a94;
  background-color: transparent;
  background-color: rgba(255,255,255,0);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left top;
  background-size: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-size: 24px;
  font-weight: bold;
  font-variant: small-caps;
}
h4 {
  /*background-image: url(/images/public/logo-molecule.png);*/
  color: rgb(106, 167, 70);
  background-color: transparent;
  background-color: rgba(255,255,255,0);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left top;
  background-size: 25px;
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  border-bottom: 2px dashed rgb(106, 167, 70);
  font-size: 24px;
  font-weight: bold;
  font-variant: small-caps;
}
h5 {
  color: rgb(4, 37, 56);
  background-color: #dee3ea;
  background-position: top left;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 0px;
  margin-left: 0px;
  border-top: 1px solid rgb(4, 37, 56);
  border-bottom: 1px solid rgb(4, 37, 56);
  font-size: 1em;
  font-weight: bold;
}
h6 {
  color: rgb(4, 37, 56);
  background-color: transparent;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: top left;
  padding-top: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 0px;
  margin-left: 0px;
  font-size: 1em;
  font-weight: bold;
}
a, .link, .btn-link {
  color: rgb(0, 0, 255);
  text-decoration: none;
}
a:hover, a:focus, .link:hover, .btn-link:hover, .btn-link:focus {
  color: rgb(0, 0, 255);
  text-decoration: none;
}

/*{{Element}}Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.*/
.menu_pw_item {
  /*Menu : Lien Normal*/
  color: #ffffff;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0);
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 12px;
  font-weight: bold;
  -webkit-border-radius: 0px 0px 0px 0px;
     -moz-border-radius: 0px 0px 0px 0px;
          border-radius: 0px 0px 0px 0px;
}
.menu_pw_item:hover, .menu_pw_item:focus {
  /*Menu : Lien Survol*/
  color: white;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0);
  background-size: auto 94%;
  font-weight: bold;
}
.menu_pw_item.active, .menu_pw_item.active:hover, .menu_pw_item.active:focus {
  /*Menu : Cliqué*/
  color: white;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0);
  background-size: auto 94%;
  font-weight: bold;
}

/*{/Element}}</div>*/

/*{/Element}}</div>*/
#BlocPied {
  /*{{Element}}<div class="css_rule" {{ID}} style="{{STYLE}}">*/
  background-color: rgb(222, 227, 234);
  padding-top: 0px;
  padding-bottom: 0px;
  border-top: 3px solid #579c3c;
}
#ContPied {
  /*{{Element}}<div class="css_rule" {{ID}} style="margin:0 10px; padding:10px; {{STYLE}}">*/
  color: rgb(16, 37, 63);
  padding-top: 10px;
  padding-bottom: 20px;
  margin-top: 10px;
}
footer a, footer .btn-link {
  /*Lien Normal*/
  color: rgb(16, 37, 63);
}
footer a:hover, footer a:focus, footer .btn-link:hover, footer .btn-link:focus {
  /*Lien Survol*/
  color: #ffffff;
  text-decoration: underline;
}

/*{/Element}}Texte du pied</div>*/

/*{/Element}}</div>*/

/*Groupe: Boutons*/

/*La classe "btn-custom" n'est jamais utilisée par un composant, 
vous pouvez l'utiliser et la modifier sans crainte de changer l'apparence des autres boutons du systeme.<br>
(par exemple, la classe "btn-primary" est utilisé par les boutons d'enregistrement des formulaires)*/
.btn {
  border: 1px solid transparent;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  cursor: pointer;
  font-variant: small-caps;
}
.btn:focus {
  outline-width: thin;
  outline-style: dotted;
  outline-color: #333;
}
.btn:hover, .btn:focus {
  text-decoration: none;
}
.btn:active, .btn.active {
  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
          box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
  outline-width: 0;
  outline-style: none;
  outline-color: -moz-initial;
}
.btn-link {
  -webkit-box-shadow: inset 0 0 0 transparent;
     -moz-box-shadow: inset 0 0 0 transparent;
          box-shadow: inset 0 0 0 transparent;
}
.btn-custom {
  color: #ffffff;
  background-color: green;
  padding: 14px;
  border-color: rgb(0, 128, 0);
  font-weight: bold;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.5);
     -moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.5);
          box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.5);
  -webkit-border-radius: 6px 6px 6px 6px;
     -moz-border-radius: 6px 6px 6px 6px;
          border-radius: 6px 6px 6px 6px;
}
.btn-custom:hover, .btn-custom:focus {
  color: #ffffff;
  background-color: green;
  background-image: -webkit-linear-gradient(-45deg, rgba(0,128,0,0.41) 7%, rgb(0, 128, 0) 89%);
  background-image:    -moz-linear-gradient(-45deg, rgba(0,128,0,0.41) 7%, rgb(0, 128, 0) 89%);
  background-image:     -ms-linear-gradient(-45deg, rgba(0,128,0,0.41) 7%, rgb(0, 128, 0) 89%);
  background-image:      -o-linear-gradient(-45deg, rgba(0,128,0,0.41) 7%, rgb(0, 128, 0) 89%);
  background-image:         linear-gradient(-45deg, rgba(0,128,0,0.41) 7%, rgb(0, 128, 0) 89%);
  border-color: rgb(82, 79, 162);
  font-weight: bold;
  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
          box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
}
.btn-custom:active, .btn-custom.active, .open .dropdown-toggle.btn-custom {
  color: #ffffff;
  background-color: green;
  background-image: -webkit-linear-gradient(-45deg, rgba(0,128,0,0.49) 7%, rgb(0, 128, 0) 89%);
  background-image:    -moz-linear-gradient(-45deg, rgba(0,128,0,0.49) 7%, rgb(0, 128, 0) 89%);
  background-image:     -ms-linear-gradient(-45deg, rgba(0,128,0,0.49) 7%, rgb(0, 128, 0) 89%);
  background-image:      -o-linear-gradient(-45deg, rgba(0,128,0,0.49) 7%, rgb(0, 128, 0) 89%);
  background-image:         linear-gradient(-45deg, rgba(0,128,0,0.49) 7%, rgb(0, 128, 0) 89%);
  border-color: rgb(82, 79, 162);
  font-weight: bold;
  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
          box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
}
.btn-achat {
  color: rgb(4, 37, 56);
  background-color: rgb(1, 188, 239);
  border: 2px solid rgb(1, 188, 239);
  font-weight: bold;
}
.btn-achat:hover, .btn-achat:focus {
  color: rgb(182, 27, 34);
  background-color: rgb(1, 188, 239);
  border: 2px solid rgb(1, 188, 239);
  font-weight: bold;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(55, 40, 40, 0.5), inset 1px 1px 0px 0px rgba(1,188,239,0.33);
     -moz-box-shadow: 0px 1px 3px 0px rgba(55, 40, 40, 0.5), inset 1px 1px 0px 0px rgba(1,188,239,0.33);
          box-shadow: 0px 1px 3px 0px rgba(55, 40, 40, 0.5), inset 1px 1px 0px 0px rgba(1,188,239,0.33);
}
.btn-achat:active, .btn-achat.active, .open .dropdown-toggle.btn-achat {
  color: rgb(182, 27, 34);
  background-color: rgb(1, 188, 239);
  border: 2px solid rgb(1, 188, 239);
  font-weight: bold;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(55, 40, 40, 0.5), inset 1px 1px 0px 0px rgba(1,188,239,0.33);
     -moz-box-shadow: 0px 1px 3px 0px rgba(55, 40, 40, 0.5), inset 1px 1px 0px 0px rgba(1,188,239,0.33);
          box-shadow: 0px 1px 3px 0px rgba(55, 40, 40, 0.5), inset 1px 1px 0px 0px rgba(1,188,239,0.33);
}
.btn-default {
  color: rgb(106, 167, 70);
  background-color: #fafafa;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: left top;
  border: 1px solid rgb(106, 167, 70);
}
.btn-default:hover, .btn-default:focus {
  color: #ffffff;
  background-color: rgb(106, 167, 70);
  border: 1px solid rgb(106, 167, 70);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5), inset 1px 1px 0px 0px rgb(106, 167, 70);
     -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5), inset 1px 1px 0px 0px rgb(106, 167, 70);
          box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5), inset 1px 1px 0px 0px rgb(106, 167, 70);
}
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
  color: white;
  background-color: rgb(106, 167, 70);
  border: 1px solid rgb(106, 167, 70);
  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
          box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
}
.btn-primary {
  color: white;
  background-color: rgb(4, 37, 56);
  border: 1px solid rgb(4, 37, 56);
  font-family: "ITC Avant Garde Bold";
  font-weight: bold;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5), inset 1px 1px 0px 0px rgba(50, 91, 134, 0.63);
     -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5), inset 1px 1px 0px 0px rgba(50, 91, 134, 0.63);
          box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5), inset 1px 1px 0px 0px rgba(50, 91, 134, 0.63);
}
.btn-primary:hover, .btn-primary:focus {
  color: #ffffff;
  background-color: rgb(1, 188, 239);
  border: 1px solid rgb(1, 188, 239);
  font-weight: bold;
  text-shadow: 0px -1px 0px rgba(2, 156, 170, 1);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5), inset 1px 1px 0px 0px rgb(1, 188, 239);
     -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5), inset 1px 1px 0px 0px rgb(1, 188, 239);
          box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5), inset 1px 1px 0px 0px rgb(1, 188, 239);
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: rgb(1, 188, 239);
  border: 1px solid rgb(1, 188, 239);
  font-weight: bold;
  text-shadow: 0px -1px 0px rgba(2, 156, 170, 1);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5), inset 1px 1px 0px 0px rgb(1, 188, 239);
     -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5), inset 1px 1px 0px 0px rgb(1, 188, 239);
          box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5), inset 1px 1px 0px 0px rgb(1, 188, 239);
}
.btn-warning {
  color: #ffffff;
  background-color: #c58000;
  border: 1px solid #b07000;
  text-shadow: 0px -1px 0px rgba(176,112,0,1);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(12,12,12,0.5), inset 1px 1px 0px 0px rgba(251,159,0,1);
     -moz-box-shadow: 0px 1px 3px 0px rgba(12,12,12,0.5), inset 1px 1px 0px 0px rgba(251,159,0,1);
          box-shadow: 0px 1px 3px 0px rgba(12,12,12,0.5), inset 1px 1px 0px 0px rgba(251,159,0,1);
}
.btn-warning:hover, .btn-warning:focus {
  color: #ffffff;
  background-color: #de9000;
  border: 1px solid #c97f00;
  text-shadow: 0px -1px 0px rgba(201,127,0,1);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(27,27,27,0.5), inset 1px 1px 0px 0px rgba(255,169,21,1);
     -moz-box-shadow: 0px 1px 3px 0px rgba(27,27,27,0.5), inset 1px 1px 0px 0px rgba(255,169,21,1);
          box-shadow: 0px 1px 3px 0px rgba(27,27,27,0.5), inset 1px 1px 0px 0px rgba(255,169,21,1);
}
.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #de9000;
  border: 1px solid #c97f00;
  text-shadow: 0px -1px 0px rgba(201,127,0,1);
  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
          box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
}
.btn-danger {
  color: #ffffff;
  background-color: #ee5f5b;
  border-color: rgb(238, 95, 91);
}
.btn-danger:hover, .btn-danger:focus {
  color: #ffffff;
  background-color: #ea3b36;
  border-color: rgb(234, 59, 54);
}
.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #ea3b36;
  border-color: rgb(234, 59, 54);
  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
          box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
}
.btn-success {
  color: #ffffff;
  background-color: #62c462;
  border-color: rgb(98, 196, 98);
}
.btn-success:hover, .btn-success:focus {
  color: #ffffff;
  background-color: #45b845;
  border-color: rgb(69, 184, 69);
}
.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #45b845;
  border-color: rgb(69, 184, 69);
  -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
          box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.125), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
}
.btn-info {
  color: #b61b22;
  background-color: #f8f8f8;
  padding: 10px;
  border: 2px solid rgb(182, 27, 34);
  font-weight: bold;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5), inset 1px 1px 0px 0px rgb(182, 27, 34);
     -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5), inset 1px 1px 0px 0px rgb(182, 27, 34);
          box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5), inset 1px 1px 0px 0px rgb(182, 27, 34);
  -webkit-border-radius: 6px 6px 6px 6px;
     -moz-border-radius: 6px 6px 6px 6px;
          border-radius: 6px 6px 6px 6px;
}
.btn-info:hover, .btn-info:focus {
  color: #ffffff;
  background-color: rgb(182, 27, 34);
  border: 2px solid rgb(182, 27, 34);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(15, 15, 15, 0.5), inset 1px 1px 0px 0px rgb(182, 27, 34);
     -moz-box-shadow: 0px 1px 3px 0px rgba(15, 15, 15, 0.5), inset 1px 1px 0px 0px rgb(182, 27, 34);
          box-shadow: 0px 1px 3px 0px rgba(15, 15, 15, 0.5), inset 1px 1px 0px 0px rgb(182, 27, 34);
  -webkit-border-radius: 6px 6px 6px 6px;
     -moz-border-radius: 6px 6px 6px 6px;
          border-radius: 6px 6px 6px 6px;
}
.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: rgb(182, 27, 34);
  border: 2px solid rgb(182, 27, 34);
  text-shadow: 0px -1px 0px rgba(46, 82, 30, 1);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(15, 15, 15, 0.5), inset 1px 1px 0px 0px rgb(182, 27, 34);
     -moz-box-shadow: 0px 1px 3px 0px rgba(15, 15, 15, 0.5), inset 1px 1px 0px 0px rgb(182, 27, 34);
          box-shadow: 0px 1px 3px 0px rgba(15, 15, 15, 0.5), inset 1px 1px 0px 0px rgb(182, 27, 34);
  -webkit-border-radius: 6px 6px 6px 6px;
     -moz-border-radius: 6px 6px 6px 6px;
          border-radius: 6px 6px 6px 6px;
}

/*Groupe: Fenetres*/
.modal-backdrop {
  /*background-size: 450px;*/
  background-color: #7c8fc1;
  background-color: rgba(124,143,193,0.01);
  background-image: -webkit-linear-gradient(top, rgba(124,142,193,0.48) 70%, rgba(124,143,193,0.89) 43%, rgba(124,142,193,0.55) 22%);
  background-image:    -moz-linear-gradient(top, rgba(124,142,193,0.48) 70%, rgba(124,143,193,0.89) 43%, rgba(124,142,193,0.55) 22%);
  background-image:     -ms-linear-gradient(top, rgba(124,142,193,0.48) 70%, rgba(124,143,193,0.89) 43%, rgba(124,142,193,0.55) 22%);
  background-image:      -o-linear-gradient(top, rgba(124,142,193,0.48) 70%, rgba(124,143,193,0.89) 43%, rgba(124,142,193,0.55) 22%);
  background-image:         linear-gradient(top, rgba(124,142,193,0.48) 70%, rgba(124,143,193,0.89) 43%, rgba(124,142,193,0.55) 22%);
}
.modal-content {
  /*{{Element}}<div class="css_rule" {{ID}} style="overflow:hidden; {{STYLE}}">*/
  color: rgb(51, 51, 51);
  background-color: #ffffff;
  border: 1px solid #000000;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline-width: medium;
  outline-style: none;
  outline-color: -moz-initial;
}
.modal-header {
  /*{{Element}}<div class="css_rule" {{ID}} data-type="fond" style="padding:10px; {{STYLE}}">*/
  color: #ffffff;
  background-color: rgb(106, 167, 70);
  
  background-size: cover;
  border-bottom-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-bottom-width: 0px;
}
.modal-title {
  /*{{Element}}<div class="css_rule" {{ID}} data-type="texte" style="{{STYLE}}">Titre des fenetres</div>*/
  color: #ffffff;
}
.modal-header .close, .modal-header .maximise {
  /*{{Element}}<div class="css_rule" {{ID}} data-type="texte" style="position:absolute;top:74px;right:57px; {{STYLE}}">×</div>*/
  color: #c4c4c4;
  font-size: 30px;
  font-weight: bold;
  text-shadow: 0px 1px 0px #000000;
}
.modal-header .close:hover, .modal-header .close:focus, .modal-header .maximise:hover, .modal-header .maximise:focus {
  /*{{Element}}<div class="css_rule" {{ID}} data-type="texte" style="position:absolute;top:74px;right:36px; {{STYLE}}">×</div>*/
  color: #ffffff;
  font-size: 30px;
  font-weight: bold;
  text-shadow: 0px 1px 0px #000000;
}

/*{/Element}}</div>*/

/*{{Element}}<div style="padding:10px">Contenu des fenetres</div>*/
.modal-footer {
  /*{{Element}}<div class="css_rule" {{ID}} style="padding:10px; {{STYLE}}">Pied des fenetres</div>*/
  background-color: #eee;
  border-top: 1px solid rgb(227, 227, 227);
  border-bottom: 0px none transparent;
  border-bottom: 0px none rgba(0, 0, 0, 0);
}

/*{/Element}}</div>*/

/*{/Element}}</div>*/

/*Groupe: Formulaire*/
.form-header, #Cont-Header, #Cont-Header_Autre {
  /*{{Element}}<div class="css_rule" {{ID}} data-type="texte" style="{{STYLE}}">Entete du Formulaire</div>*/
  color: rgb(51, 51, 51);
  background-color: rgb(238, 238, 238);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid rgb(227, 227, 227);
}
.form-body, #Cont-Scrollable, #Cont-Scrollable_Autre {
  /*{{Element}}<div class="css_rule" {{ID}} data-type="texte" style="padding:10px; {{STYLE}}">*/
  color: #000000;
  background-color: #ffffff;
}
legend {
  color: rgb(51, 51, 51);
  border-bottom: 1px solid rgb(200, 200, 200);
}
.form-control {
  color: rgb(43, 99, 18);
  background-color: #ffffff;
  border: 1px solid rgb(0, 91, 154);
  font-family: "ITC Avant Garde Bold";
  font-size: 14px;
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.075);
}
.form-control:focus {
  color: rgb(43, 99, 18);
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(245, 154, 50);
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgb(245, 154, 50);
     -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgb(245, 154, 50);
          box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgb(245, 154, 50);
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  color: #7a8288;
  background-color: #eeeeee;
  border: 1px solid rgb(43, 99, 18);
}
.input-group-addon {
  color: #ffffff;
  background-color: rgb(43, 99, 18);
  border: 1px solid rgb(43, 99, 18);
}
.help-block {
  /*Texte intro*/
  color: rgb(51, 51, 51);
}
.W_Onglet_Inactif {
  /*{{Element}}<div class="css_rule" {{ID}} style="display:inline-block;padding:1px 3px;margin-right:4px;position:relative;top:1px; {{STYLE}}">Onglet</div>*/
  color: rgb(51, 51, 51);
  background-color: #ececec;
  border: 1px solid rgb(200, 200, 200);
  -webkit-border-radius: 6px 6px 0px 0px;
     -moz-border-radius: 6px 6px 0px 0px;
          border-radius: 6px 6px 0px 0px;
}
.W_Onglet_Inactif:hover {
  /*{{Element}}<div class="css_rule" {{ID}} style="display:inline-block;padding:1px 3px;margin-right:4px;position:relative;top:1px; {{STYLE}}">Onglet survol</div>*/
  color: rgb(51, 51, 51);
  background-color: rgb(200, 200, 200);
  border: 1px solid rgb(200, 200, 200);
}
.W_Onglet_Actif,.W_Onglet_Actif:hover {
  /*{{Element}}<div class="css_rule" {{ID}} style="display:inline-block;padding:1px 3px;margin-right:4px;position:relative;top:1px; {{STYLE}}">Onglet actif</div>*/
  color: rgb(51, 51, 51);
  background-color: #ffffff;
  border-top: 1px solid rgb(200, 200, 200);
  border-bottom: 1px solid rgb(255, 255, 255);
  border-left: 1px solid rgb(200, 200, 200);
  border-right: 1px solid rgb(200, 200, 200);
  -webkit-border-radius: 6px 6px 0px 0px;
     -moz-border-radius: 6px 6px 0px 0px;
          border-radius: 6px 6px 0px 0px;
}
.W_Contenu_Onglet_Init {
  /*{{Element}}<div class="css_rule" {{ID}} style="padding:10px; {{STYLE}}">Contenur onglet</div>*/
  color: rgb(51, 51, 51);
  background-color: #ffffff;
  border-top: 1px solid rgb(200, 200, 200);
}

/*{/Element}}</div>*/
.form-footer, #Cont-FooterBouton, #Cont-FooterBouton_Autre {
  /*{{Element}}<div class="css_rule" {{ID}} style="padding:10px; {{STYLE}}">Pied du Formulaire</div>*/
  color: rgb(51, 51, 51);
  background-color: #eee;
  border-top: 1px solid #e3e3e3;
  border-bottom: 0px none transparent;
  border-bottom: 0px none rgba(0, 0, 0, 0);
}

/*Groupe: Facture*/
#Facture-Facture_Body #Cont-Scrollable_Autre {
  /*{{Element}}<div class="css_rule" {{ID}} style="padding:10px; {{STYLE}}">*/
  color: rgb(4, 6, 22);
  background-color: rgb(255, 255, 255);
  border: 0 none rgb(249, 249, 249);
}
#Facture_Entete {
  /*font-weight: bold;*/
  color: rgb(4, 6, 22);
  background-color: rgb(255, 255, 255);
  border-top: 0 none rgb(249, 249, 249);
  border-bottom: 1px solid rgb(11, 58, 60);
  border-left: 0 none rgb(249, 249, 249);
  border-right: 0 none rgb(249, 249, 249);
}
.ed_LigneEntete, #FactLigneEntete {
  /*Ligne Entete*/
  color: rgb(12, 12, 12);
  background-color: #dae3be;
  border: 0 none rgb(249, 249, 249);
}
.ed_LignePaire, .FactLignePaire {
  /*Ligne Paire*/
  color: rgb(12, 12, 12);
  background-color: rgb(244, 250, 252);
  border-top: 0px none rgb(249, 249, 249);
  border-bottom: 0px none transparent;
  border-left: 0px none rgb(249, 249, 249);
  border-right: 0px none rgb(249, 249, 249);
}
.ed_LigneImpaire, .FactLigneImpaire {
  /*Ligne Impaire*/
  color: rgb(12, 12, 12);
  background-color: rgb(237, 237, 237);
  border-top: 0px none rgb(249, 249, 249);
  border-bottom: 0px none rgb(219, 212, 212);
  border-left: 0px none rgb(249, 249, 249);
  border-right: 0px none rgb(249, 249, 249);
}
.FactLignePied {
  /*Ligne Pied*/
  color: rgb(42, 114, 123);
  background-color: transparent;
  border: 0 none rgb(249, 249, 249);
}
#FactLigneTotal {
  /*Ligne Total*/
  color: rgb(6, 6, 6);
  background-color: rgb(218, 227, 190);
  border: 0 none rgb(249, 249, 249);
  font-weight: bold;
}
#Facture_Pied {
  /*Pied*/
  color: rgb(4, 6, 22);
  background-color: rgb(255, 255, 255);
  border-top: 1px solid rgb(11, 58, 60);
  border-bottom: 0 none rgb(249, 249, 249);
  border-left: 0 none rgb(249, 249, 249);
  border-right: 0 none rgb(249, 249, 249);
}

/*{/Element}}</div>*/

/*Groupe: Panneaux*/

/*Panneaux*/
.panel {
  border: 0px none transparent;
  border: 0px none rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
}
.panel-heading {
}
.panel-footer {
  background-color: rgb(238, 238, 238);
  border-top: 1px solid rgb(227, 227, 227);
  -webkit-border-radius: 0px 0px 0px 0px;
     -moz-border-radius: 0px 0px 0px 0px;
          border-radius: 0px 0px 0px 0px;
}
.panel-custom {
  color: rgb(132, 174, 3);
  background-color: #ffffff;
  border: 1px solid rgb(132, 174, 3);
  -webkit-border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
          border-radius: 5px 5px 5px 5px;
}
.panel-custom > .panel-heading {
  color: #84AE03;
  background-color: #ffffff;
  border-bottom: 1px solid rgb(132, 174, 3);
  font-weight: bold;
}
.panel-info {
  background-color: #fff;
  border: 1px solid #bce8f1;
}
.panel-info > .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-bottom: 1px solid #bce8f1;
}
.panel-danger {
  background-color: #fff;
  border: 1px solid #eed3d7;
}
.panel-danger > .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-bottom: 1px solid #eed3d7;
}
.panel-warning {
  background-color: #fff;
  border: 1px solid #fbeed5;
}
.panel-warning > .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-bottom: 1px solid #fbeed5;
}
.panel-success {
  background-color: #fff;
  border: 1px solid #d6e9c6;
}
.panel-success > .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-bottom: 1px solid #d6e9c6;
}
.panel-primary {
  background-color: #91b414;
  background-color: rgba(145, 180, 20, 0.14);
  border-top: 1px solid #579c3c;
  border-bottom: 1px solid rgb(87, 156, 60);
  border-left: 1px solid rgb(87, 156, 60);
  border-right: 1px solid rgb(87, 156, 60);
  font-family: "ITC Avant Garde Bold";
  -webkit-box-shadow: 1px 1px 2px 1px rgba(145, 180, 20, 0.14);
     -moz-box-shadow: 1px 1px 2px 1px rgba(145, 180, 20, 0.14);
          box-shadow: 1px 1px 2px 1px rgba(145, 180, 20, 0.14);
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #579c3c;
  border-bottom: 1px solid rgb(87, 156, 60);
  font-family: "ITC Avant Garde Bold";
  font-size: 1.6em;
  font-weight: bold;
}
.panel-default {
  background-color: #fff;
  border: 1px solid #dddddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-bottom: 1px solid #dddddd;
}

/*Groupe: Couleurs sémantique*/

/*Ce groupe sert à spécifier les couleurs en fonction de l'état d'un élément HTML (par exemple les classes "danger" peuvent servir pour un bouton de suppression, ou pour signaler à l'utilisateur une information capitale). Toutes ces classes sont accessible depuis l'éditeur de textes dans le bouton "Styles".<br> Les classes finissant par "custom" ne sont jamais utilisées par un composant, vous pouvez donc les utiliser et les modifier sans crainte de fausser la sémantique (par exemple le vert est généralement associé aux classes de succes, et le rouge au danger)*/

/*Textes*/
.text-custom {
  color: #7a8288;
}
.text-muted {
  color: rgb(0, 91, 154);
}
.text-primary {
  color: #7a8288;
}
.text-success {
  color: #62c462;
}
.text-danger {
  color: #ee5f5b;
}
.text-warning {
  color: #f89406;
}
.text-info {
  color: #5bc0de;
}

/*Alertes*/
.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.alert-custom {
  color: rgb(0, 91, 154);
  background-color: #e6a400;
  background-color: rgba(230, 164, 0, 0.34);
  background-image: -webkit-linear-gradient(45deg, rgba(230, 164, 0, 0.34) 31%, rgba(230, 164, 0, 0) 52%, rgba(230, 164, 0, 0.34) 70%);
  background-image:    -moz-linear-gradient(45deg, rgba(230, 164, 0, 0.34) 31%, rgba(230, 164, 0, 0) 52%, rgba(230, 164, 0, 0.34) 70%);
  background-image:     -ms-linear-gradient(45deg, rgba(230, 164, 0, 0.34) 31%, rgba(230, 164, 0, 0) 52%, rgba(230, 164, 0, 0.34) 70%);
  background-image:      -o-linear-gradient(45deg, rgba(230, 164, 0, 0.34) 31%, rgba(230, 164, 0, 0) 52%, rgba(230, 164, 0, 0.34) 70%);
  background-image:         linear-gradient(45deg, rgba(230, 164, 0, 0.34) 31%, rgba(230, 164, 0, 0) 52%, rgba(230, 164, 0, 0.34) 70%);
  padding: 6px;
  border: 1px solid rgb(230, 164, 0);
  font-size: 18px;
  -webkit-box-shadow: 2px 2px 7px 2px rgba(230, 164, 0, 0.34);
     -moz-box-shadow: 2px 2px 7px 2px rgba(230, 164, 0, 0.34);
          box-shadow: 2px 2px 7px 2px rgba(230, 164, 0, 0.34);
  -webkit-border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
          border-radius: 5px 5px 5px 5px;
}
.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}
.alert-info {
  color: #042538;
  background-color: rgb(1, 188, 239);
  border-top: 1px solid #01bcef;
  border-bottom: 1px solid rgb(1, 188, 239);
  border-left: 1px solid rgb(1, 188, 239);
  border-right: 1px solid rgb(1, 188, 239);
  font-size: 1.3em;
  font-variant: small-caps;
}
.alert-warning {
  color: #ffffff;
  background-color: rgb(230, 164, 0);
  border: 1px solid #fbeed5;
  font-size: 18px;
}
.alert-danger {
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid #eed3d7;
  font-size: 16px;
}

/*Label*/
.label-custom {
  color: #ffffff;
  background-color: #7a8288;
}
.label-info {
  color: #ffffff;
  background-color: #5bc0de;
}
.label-danger {
  color: #ffffff;
  background-color: #ee5f5b;
}
.label-warning {
  color: #ffffff;
  background-color: #f89406;
}
.label-success {
  color: #ffffff;
  background-color: #62c462;
}
.label-primary {
  color: #ffffff;
  background-color: #7a8288;
}
.label-default {
  color: #ffffff;
  background-color: #3a3f44;
}

/*Tables*/
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
  border-top: 1px solid #dddddd;
}
.table thead > tr > th {
  border-bottom: 2px solid #dddddd;
}
.table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td {
  background-color: #d0e9c6;
  border-color: #c9e2b3;
}
.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
  background-color: #f2dede;
  border-color: #eed3d7;
}
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td {
  background-color: #ebcccc;
  border-color: #e6c1c7;
}
.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
  border-color: #fbeed5;
}
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td {
  background-color: #faf2cc;
  border-color: #f8e5be;
}

/*Groupe: Elements*/

/*Ce groupe contient les éléments HTML de base ainsi que les classes servant a la construction des composants (voir le site de <a target="_blank" href="http://getbootstrap.com/">bootstrap</a> pour plus d'informations)*/
.img-thumbnail, .thumbnail {
  background-color: #ffffff;
  border: 1px solid rgb(132, 174, 3);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.075);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.075);
}
.img-circle {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.img-rounded {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
.img-shadow {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.page-header {
  border-bottom: 1px solid rgb(132, 174, 3);
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
  color: rgb(132, 174, 3);
}
hr {
  border-top: 1px solid rgb(227, 227, 227);
}
blockquote {
  border-left: 5px solid rgb(132, 174, 3);
}
blockquote.pull-right {
  border-right: 5px solid rgb(132, 174, 3);
}
blockquote small {
  color: #000000;
}
abbr[title], abbr[data-original-title] {
  border-bottom: 1px dotted rgb(132, 174, 3);
}
mark {
  color: #000;
  background-color: #ff0;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: top left;
}
.well {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.2);
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  border-left: 1px solid transparent;
  border-left: 1px solid rgba(0, 0, 0, 0);
  border-right: 1px solid transparent;
  border-right: 1px solid rgba(0, 0, 0, 0);
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 0px 0px 0px 0px;
     -moz-border-radius: 0px 0px 0px 0px;
          border-radius: 0px 0px 0px 0px;
}
.jumbotron, .container .jumbotron {
  color: inherit;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.6);
  border: 0px none #000000;
  border: 0px none rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 0px 0px 0px 0px;
     -moz-border-radius: 0px 0px 0px 0px;
          border-radius: 0px 0px 0px 0px;
}
.badge, a.badge:hover, a.badge:focus {
  color: #ffffff;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.6);
  font-weight: bold;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}
a.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: rgb(132, 174, 3);
  background-color: #ffffff;
  font-weight: bold;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}
.list-group {
  -webkit-border-radius: 0px 0px 0px 0px;
     -moz-border-radius: 0px 0px 0px 0px;
          border-radius: 0px 0px 0px 0px;
}
.list-group-item:first-child {
  -webkit-border-radius: 0px 0px 0px 0px;
     -moz-border-radius: 0px 0px 0px 0px;
          border-radius: 0px 0px 0px 0px;
}
.list-group-item:last-child {
  margin-bottom: 1px;
  -webkit-border-radius: 0px 0px 0px 0px;
     -moz-border-radius: 0px 0px 0px 0px;
          border-radius: 0px 0px 0px 0px;
}
.list-group-item, a.list-group-item {
  color: #ffffff;
  background-color: #cf475c;
  background-color: rgba(207, 71, 92, 0.85);
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 15px;
  padding-right: 3px;
  margin-top: 1px;
  margin-bottom: 1px;
  font-weight: bold;
  -webkit-border-radius: 3px 3px 3px 3px;
     -moz-border-radius: 3px 3px 3px 3px;
          border-radius: 3px 3px 3px 3px;
}
a.list-group-item:hover, a.list-group-item:focus {
  color: #ffffff;
  background-color: #CF1836;
  background-size: auto 94%;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 15px;
  padding-right: 3px;
  margin-top: 1px;
  margin-bottom: 1px;
  font-weight: bold;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  color: #ffffff;
  background-color: #CF1836;
  background-size: auto 94%;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 15px;
  padding-right: 3px;
  margin-top: 1px;
  margin-bottom: 1px;
  font-weight: bold;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #000000;
  background-color: rgb(132, 174, 3);
  text-decoration: none;
}
.nav > li > a:hover, .nav > li > a:focus {
  background-color: #c4c4c4;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.nav-tabs {
  border-bottom: 2px solid rgb(132, 174, 3);
}
.nav-tabs > li > a {
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  color: #ffffff;
  border-color: rgb(132, 174, 3);
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: rgb(51, 51, 51);
  background-color: #ffffff;
  border-top: 1px solid rgb(132, 174, 3);
  border-bottom: 1px solid transparent;
  border-left: 1px solid rgb(132, 174, 3);
  border-right: 1px solid rgb(132, 174, 3);
  cursor: default;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  border-color: #000000;
  border-color: rgba(0, 0, 0, 0.6);
}

/*Groupe: Perso*/
.classe_perso {
  color: #000;
}
#Insc-Inscription_TabListAcc-L1-C3 {
  display: none;
}
#Insc-AutreInscription_TabService-Lx-C2 {
  display: none;
}
.text-relief {
  color: rgb(132, 174, 3);
  font-size: 200%;
  font-weight: bold;
  text-shadow: 0px 1px 1px rgb(66, 87, 2), 0px 2px 0px rgb(66, 87, 2), 0px 3px 0px rgb(95, 121, 18), 0px 3px 3px rgb(95, 121, 18);
}
#ContTitre h1 {
  margin-top: 0;
}
.cadre-photo {
  background-color: rgb(255, 255, 255);
  padding: 3px;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.cadre-photo-gauche {
  background-color: rgb(255, 255, 255);
  padding: 3px;
  margin-left: 0;
  margin-right: 20px;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.cadre-photo-droit {
  background-color: rgb(255, 255, 255);
  padding: 3px;
  margin-left: 20px;
  margin-right: 0;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
li {
  /*list-style-image: url(/images/public/puce-mini-jaune.png);*/
  display: list-item;
}
.page-fond {
  background-color: #ffffff;
  background-color: rgba(255,255,255,0.74);
  padding-top: 3px;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-shadow: 0px 0px 3px 2px rgba(150,218,139,0.31);
     -moz-box-shadow: 0px 0px 3px 2px rgba(150,218,139,0.31);
          box-shadow: 0px 0px 3px 2px rgba(150,218,139,0.31);
  -webkit-border-radius: 10px 10px 10px 10px;
     -moz-border-radius: 10px 10px 10px 10px;
          border-radius: 10px 10px 10px 10px;
}
.menu-general {
  border-right: 0px none transparent;
  -webkit-box-shadow: 0px 1px 2px 1px rgba(59,169,159,0.69);
     -moz-box-shadow: 0px 1px 2px 1px rgba(59,169,159,0.69);
          box-shadow: 0px 1px 2px 1px rgba(59,169,159,0.69);
  -webkit-border-radius: 0px 0px 5px 0px;
     -moz-border-radius: 0px 0px 5px 0px;
          border-radius: 0px 0px 5px 0px;
}
#ColPage {
  background-color: #ffffff;
  padding-top: 50px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  border: 0px solid rgb(110, 12, 12);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
}